<template>
  <div class="pageinations">
    <div class="pageination_align">
      <div class="pageination" v-if="pageinationTotal!=0">
        <div @click="pageUp(1)" class="pagination_page" :class="startDisabled?'disabled':''">上一页</div>
        <div @click="pageUp(0)" class="pagination_page" :class="1==pageinationCurrentPage?'pagination_page_active':''">1</div>
        <div class="ellipsis pagination_page" v-if="preEllipsis">...</div>
        <div class="pagination_page" :class="item==pageinationCurrentPage?'pagination_page_active':''" v-for="item in pageinationLength" @click="jump(item)">
            {{item}}
        </div>
        <div class="ellipsis pagination_page" v-if="nextEllipsis">...</div>
        <div @click="pageDown(0)" v-if="pageinationPage>1" class="pagination_page" :class="pageinationPage==pageinationCurrentPage?'pagination_page_active':''">
            {{pageinationPage}}
        </div>
        <div @click="pageDown(1)" class="pagination_page" :class="endDisabled?'disabled':''">下一页</div>
        <div class="pagination_page  pagination_page_right">共{{pageinationTotal}}条</div>
        <div class="jump_page"><span>跳转到</span><input  class="jumpNum" v-model="jumpNum" @keyup.13="jumpNumFn()">页<button @click="jumpNumFn()">确定</button></div>
      </div>
    </div>
  </div>
</template>
<script src="./pagination.js"></script>
<style scoped >
  @import "pagination.css"
</style>
